import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
// import postcssPxtorem from 'postcss-pxtorem';
// https://vitejs.dev/config/
import autoprefixer from 'autoprefixer';
import postCssPxToRem from 'postcss-pxtorem';


export default defineConfig({
  plugins: [react()],
  // css: {
  //   postcss: {
  //     plugins: [
  //       postcssPxtorem({
  //         rootValue: 16, // rem基准值，即1rem=16px，通常根据设计稿来设定  
  //         propList: ['*'], // 需要做转换的属性，如`hight`、`width`、`margin`等，'*' 表示全部  
  //         selectorBlackList: [], // 黑名单，可以填写一些不需要转换的类名或者ID，可以填写正则表达式  
  //         exclude: /node_modules/i, // 排除node_modules目录下的文件  
  //       }),
  //     ],
  //   },
  // },
   css: {
    postcss: {
      plugins: [
        autoprefixer({// 自动添加样式前缀
          overrideBrowserslist: ['Android 4.1', 'iOS 7.1', 'Chrome > 31', 'ff > 31', 'ie >= 8'],
        }),
        postCssPxToRem({
          // 自适应，px>rem转换
          rootValue: 157, // 75表示750设计稿，37.5表示375设计稿
          propList: ['*'], // 需要转换的属性，这里选择全部都进行转换
          selectorBlackList: ['norem'], // 过滤掉norem-开头的class，不进行rem转换
        }),
      ],
    },
  }
})
